@media screen and (max-width:1023px) {}

@media screen and (max-width:599px) {


  section {
    font-size: 3.2vw;
  }

  div.image_sd_wrap {
    width: 350%;
    padding: 3vw 0;
  }

  .title {
    font-size: 8vw;
  }

  .subTitle {
    font-size: 4.5vw;
  }






  section.main {
    height: auto;
    padding-top: 26vw;
    box-sizing: border-box;
  }

  .main_08 {
    width: 4.67979%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 21vw;
    display: none;
  }

  .main_txt1 {
    font-size: 6.6vw;
    letter-spacing: -0.1vw;
    margin-left: 0vw;
  }

  .main_txt2 {
    font-size: 11.2vw;
    z-index: 1;
    line-height: 1.3;
    letter-spacing: -0.4vw;
  }

  .main_03 {
    width: 20.66142%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 46.3vw;
    right: 4.1%;
  }

  div.main_06 {
    width: 93.6903%;
    bottom: 0;
    position: relative;
    margin-top: 26vw;
    margin-bottom: -16vw;
  }

  .main_04 {
    width: 52.8399%;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: 42%;

    left: 4%;
  }

  .main_05 {
    width: 52.9501%;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: 33%;
    right: -7%;
  }

  .main_07 {
    width: 85.9554%;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: 11%;
  }

  .con01_bg {
    height: 100%;
    opacity: 0.2;
  }

  .con01_bg img {
    height: 100%;
    object-fit: cover;
  }

  .con01_con_txtwrap {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
    opacity: 1;
  }

  .con01_con_right_img {
    opacity: 1;
  }

  .con01_txt1 {
    margin-bottom: 6vw;
  }

  .con01_01,
  .con01_02,
  .con01_03 {
    display: none;
  }

  .con01_con {
    overflow: hidden;
    flex-direction: column;
    padding: 15vw 0;
    border-radius: 5vw;
  }

  .sub {
    font-size: 3.7vw;
    line-height: 1.5;
  }

  .con01_txt2 {
    margin-bottom: 8.5vw;
  }

  .con01_slide_m_img {
    width: 95%;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .line_box {
    width: 3vw;
    height: 100%;
    display: flex;
    justify-content: space-between;
  }

  .line_box.item1 {
    left: 0%;
  }

  .line_box.item2 {
    right: 0%;
  }

  .con02 {
    padding: 15vw 0;
    background: url("/images/con02_bg.jpg") no-repeat;
    background-size: cover;
    z-index: 1;
    gap: 8vw;
  }

  .con02_con {
    width: 80%;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
  }

  .con02_con_img01 {
    order: 1;
  }

  .con02_03 {
    width: 35.2625%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 35%;
    left: 63.7%;
  }

  .con02_con_img,
  .con02_con_txt {
    width: 100%;
  }

  .con02_con_txt1 {
    font-size: 6.8vw;
    margin-bottom: 6vw;
    line-height: 1.2;
  }

  .con02_con_txt2 {
    font-size: 3.6vw;
    line-height: 1.5;
    margin-bottom: 2.3vw;
  }

  .con02_con_img {
    margin-top: 4vw;
  }

  .con03 {
    margin: 0vw 0;
    padding: 15vw 0 0;
    background: url("/images/con03_bg.jpg") no-repeat;
    background-size: cover;
    margin-bottom: -11vw;
  }

  div.con03_01 {
    width: 100.1496%;
    position: relative;
    top: 0%;
    transform: translateY(0%);
    left: 0%;
  }

  .con03_txtwrap {
    color: #fff;
    width: 90%;
    margin-left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    flex-direction: column;
    z-index: 5;
    margin-bottom: 9vw;
  }

  .con03_txt3.con03_txt3_2 {
    bottom: -7.5%;
  }

  .con03_txt2 {
    font-size: 4.5vw;
    line-height: 1.5;
    margin: 4vw 0;
  }

  .con03_txt3 {
    font-size: 3.3vw;
    line-height: 1.5;
  }

  .con03_m_tab_wrap {
    gap: 3vw;
    margin-bottom: 7vw;
    margin-top: 3vw;
  }

  .con03_m_tab {
    font-size: 3.8vw;
    width: 26vw;
    text-align: center;
    padding: 2vw 0;
    border-radius: 100px;
    background-color: transparent;
    border: 1px solid white;
    cursor: pointer;
    transition: 0.3s;
    font-family: "Seoul Hangang";
  }

  .con03_m_tab.con03_change {
    background-color: white;
    color: #2b1f1a;
  }

  .con03_txtwrap p.con03_txt3 {
    transition: opacity 0.3s;
    opacity: 0;
  }

  .con03_txtwrap .con03_txt3.con03_change {
    opacity: 1;
  }

  div.con03_bot_img {
    opacity: 0;
    transition: opacity 0.3s;
  }

  div.con03_bot_img.con03_change {
    opacity: 1;
  }

  .con04 {
    padding: 15vw 0;
    background: url("/images/con04_bg.jpg") no-repeat;
    background-size: cover;
  }

  .con04_04 {
    display: none;
  }

  .con04_txtbox {
    border-top: 1.2vw solid var(--main-red);
    border-bottom: 1.2vw solid var(--main-red);
    padding: 1vw 0;
  }

  .con04_txt1 {
    font-size: 8vw;
    line-height: 1.4;
    border-top: 0.1vw solid var(--main-red);
    border-bottom: 0.1vw solid var(--main-red);
  }

  .con04_txt2 {
    font-size: 3.5vw;
    line-height: 1.5;
    text-align: center;
    margin-top: 5vw;
    margin-bottom: 6.5vw;
  }

  .menu_tab {
    font-size: 3.6vw;
    width: 20vw;
    text-align: center;
    padding: 1.5vw 0;
    border-radius: 100px;
    background-color: transparent;
    border: 1px solid var(--main-brown);
    cursor: pointer;
    transition: 0.3s;
  }

  .menu_tab_wrap {
    display: flex;
    justify-content: space-between;
    gap: 1.6vw;
    margin-bottom: 6vw;
  }

  .menu_arr {
    width: 10.30709%;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: -26%;
  }

  .menu_img {
    height: 36.7623vw;
    overflow: hidden;
    border-radius: 2.5vw;
  }

  .menu_tt {
    width: 100%;
    font-size: 4.3vw;
    margin-top: 3vw;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .con05 {
    padding-top: 15vw;
    padding-bottom: 15vw;
  }

  .con05_01 {
    width: 57.7848%;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 36%;
    bottom: -7%;
  }

  .con05_title {
    margin-bottom: 16vw;
  }

  div.con05_row_wrap {
    gap: 8.5vw;
    flex-direction: column;
  }

  .con05_row {
    width: 89.1365%;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .con05_row_tt01 {
    font-size: 7vw;
    margin-bottom: 7.5vw;
  }

  .con05_row_tt02 {
    font-size: 3.5vw;
    line-height: 1.7;
  }

  .con05_row_tt_wrap {
    left: auto;
    bottom: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
  }

  .con05_row_top {
    top: -4.5vw;
  }

  .con06 {
    padding: 15vw 0;
  }

  .con06_subTitle {
    margin-bottom: 1.2vw;
  }

  .con06_title {
    margin-bottom: 8vw;
  }

  .con06_row_wrap {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 2vw 2vw;
  }

  .con06_row {
    width: 47.5%;
    height: 42vw;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border: 1px solid #2b1f1a;
    border-radius: 4vw;
    transition: all 0.3s;
  }

  .con06_row_tt01 {
    font-size: 4.3vw;
    margin-bottom: 3.5vw;
  }

  .con06_row_tt02 b {
    font-weight: 700;
  }

  div.con06_row_tt02 {
    line-height: 1.5;
  }

  .con07 {
    display: none;
  }

  .con07_bg {
    width: 123.808%;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .con08 {
    padding: 15vw 0;
    background-color: #000;
  }

  .con08_title01 {
    margin-bottom: 1.3vw;
  }

  .con08_title02 {
    margin-bottom: 8vw;
  }

  div.con08_row_wrap {
    flex-direction: column;
    margin-bottom: 5vw;
  }

  .con08_row {
    width: 83%;
    height: 30vw;
    background-color: #00000070;
    border: 1px solid #f5dca9;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    overflow: hidden;
  }

  .con09_row_img01 img {
    transform: translateY(-100%);
    animation: none;
    transition: all 0.8s;
}
.swiper-slide-active .con09_row_img01 img {
  transform: translateY(0%);

}



  .con08_row02 {
    border-top: none;
    border-bottom: none;
  }

  .con08_row02_slide {
    pointer-events: none;
  }

  .con08_row_top_tt {
    font-size: 3.8vw;
    font-family: "Seoul Hangang";
  }

  div.con08_row01_tt {
    font-family: 'Dokrip';
    font-size: 9vw;
    gap: 1vw;
    align-items: flex-end;
    line-height: 1;
  }

  .con08_row01_tt p:last-child {
    font-size: 7vw;
    margin-bottom: 1vw;
  }

  div.con08_row02_tt {
    font-family: 'Dokrip';
    font-size: 11vw;
    gap: 1vw;
    align-items: flex-end;
    line-height: 1;
  }

  .con08_row02_tt p:last-child {
    font-size: 7vw;
    margin-bottom: 1vw;
  }

  .con08_row03_tt {
    font-family: 'Dokrip';
    line-height: 1;
    font-size: 9vw;
  }

  .con08_row02_slide_item {
    gap: 2.2vw;
  }

  .con08_row01,
  .con08_row03 {
    gap: 2.5vw;
  }

  .con08_bot_tt {
    font-size: 3.5vw;
  }

  .con09 {
    background-image: url(/images/con09_bg.png);
    background-size: cover;
    background-position: bottom;
  }

  .con09_bg {
    display: none;
  }

  div.con09_cover {
    position: relative;
  }

  .con09_cover {
    padding-top: 15vw;
    padding-bottom: 21vw;
  }

  .con09_title02 {
    margin-bottom: 8vw;
  }

  .con09_row {
    width: 68.2205%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }

  .con09_01 {
    margin-bottom: -4.5vw;
  }

  .con09_row_tt01 {
    line-height: 1.2;
    font-family: 'Dokrip';
    font-size: 6.6vw;
    color: #2b1f1a;
    margin-bottom: 2.5vw;
  }

  .con09_row_tt02 {
    font-family: "Seoul Hangang";
    font-weight: 800;
    font-size: 5.1vw;
    margin-bottom: 2.3vw;
  }

  .con09_row_tt03 p:first-child {
    font-size: 11.7vw;
  }

  .con09_row_tt03 p:last-child {
    font-size: 7.5vw;
    color: #2b1f1a;
    margin-bottom: 1.3vw;
  }

  .con09_slide_m {
    margin-bottom: 7vw;
  }

  .con09_arr {
    width: 10%;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: 13%;
  }

  .con09_arr_prev {
    left: 6%;
  }

  .con09_arr_next {
    right: 6%;
  }

  .con09_14 {
    width: 9.62205%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 2.5vw;
  }

  div.con09_bot {
    width: 207%;
    gap: 2vw;
  }

  .con10 {
    padding-top: 18vw;
    padding-bottom: 25vw;
    background-image: url(/images/con10_bg.jpg);
    margin-top: -7vw;
    margin-bottom: -11vw;
  }

  .con10_title {
    margin-bottom: 7vw;
  }

  .con10_row_wrap {
    flex-wrap: wrap;
    gap: 3.5vw;
  }

  .con10_row {
    width: 41.748%;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .con11 {
    background-image: url(/images/con11_bg.png);
    padding-top: 22vw;
  }

  .con11_title01 {
    margin-bottom: 1.3vw;
  }

  .con11_title02 {
    margin-bottom: 7vw;
  }

  .con11_slide {
    margin-bottom: -22vw;
  }

  .con11_slide_img {
    border-radius: 3.5vw 3.5vw 0 0;
  }

  .con11_arr {
    width: 10.30709%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 33%;
    background-color: white;
    border-radius: 50%;
  }

  .con11_arr_prev {
    left: 8%;
  }

  .con11_arr_next {
    right: 8%;
  }

  .con12_01 {
    width: 90.7139%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 15vw;
  }

  .con12_bg {
    width: 336%;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  div.con12_top_row_wrap {
    width: 200%;
    top: 82vw;
    gap: 21vw;
  }

  div.con12_07 {
    width: 6.50919%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    top: 8.5vw;
  }

  div.con12_10 {
    width: 7.03412%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    left: 0;
    top: 0;
  }

  div.con12_tt {
    justify-content: flex-start;
    font-family: "Seoul Hangang";
    font-size: 3.5vw;
    line-height: 1.5;
  }

  .con12_tt_wrap {
    gap: 3.5vw;
    margin-top: 1vw;
  }

  .con12_line {
    height: 3.2vw;
    border-top: 1px solid #2b1f1a;
    border-bottom: 1px solid #2b1f1a;
    top: 49vw;
  }

  .con12_side {
    width: 52%;
    bottom: 14vw;
  }

  .con12_bg_2 {
    width: 151%;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: 0%;
  }

  .con12_side>div {
    transition: all 0.6s;
  }

  .con12_top_row_wrap>div {
    transition: all 0.6s;
  }

  .con12_tt>p {
    transition: all 0.6s;
  }

  .con12_title span {
    transition: all 0.6s;
  }


  /* 점심 */
  /* .con12.con12_change01 {} */



  /* 저녁 */
  /* .con12.con12_change02 {} */
  .con12.con12_change02 .con12_04,
  .con12.con12_change02 .con12_tt01 {
    opacity: 0;
  }

  .con12.con12_change02 .con12_07,
  .con12.con12_change02 .con12_tt02 {
    opacity: 1;
  }

  .con12.con12_change02 .con12_left .con12_side_img01 {
    transform: translateX(-100%);
  }

  .con12.con12_change02 .con12_right .con12_side_img01 {
    transform: translateX(100%);
  }

  .con12.con12_change02 .con12_side .con12_side_img02 {
    transform: translateX(0%);
  }

  .con12.con12_change02 .con12_title_color01 {
    color: #fff;
  }

  .con12.con12_change02 .con12_title_color02 {
    color: #f5dca9;
  }



  /* 배달 */
  /* .con12.con12_change03 {} */
  .con12.con12_change03 .con12_04,
  .con12.con12_change03 .con12_tt01 {
    opacity: 0;
  }

  .con12.con12_change03 .con12_10,
  .con12.con12_change03 .con12_tt03 {
    opacity: 1;
  }

  .con12.con12_change03 .con12_left .con12_side_img01 {
    transform: translateX(-100%);
  }

  .con12.con12_change03 .con12_right .con12_side_img01 {
    transform: translateX(100%);
  }

  .con12.con12_change03 .con12_side .con12_side_img03 {
    transform: translateX(0%);
  }

  .con12.con12_change03 .con12_title_color01 {
    color: #fff;
  }

  .con12.con12_change03 .con12_title_color03 {
    color: #f5dca9;
  }














  .con13 {
    padding-top: 3.5vw;
  }

  .con13_main {
    width: 94.2782%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding-top: 15vw;
    background-image: url(/images/con13_bg_2.jpg);
    border-radius: 4vw;
    padding-bottom: 15vw;
    margin-bottom: 15vw;
  }

  .con13_title02 {
    margin-bottom: 6vw;
  }

  .con13_01 {
    width: 91.5796%;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .con13_02 {
    width: 15.45588%;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 3.4%;
    top: 28%;
  }

  .con13_03 {
    width: 14.98529%;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 3.4%;
    bottom: 22%;
  }

  .con13_01_m2 {
    width: 91.5796%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 5vw;
  }

  .con14_title {
    margin-bottom: 6vw;
  }

  div.con14_row_wrap {
    flex-wrap: wrap;
    gap: 3.7vw;
    margin-bottom: 15vw;
  }

  .con14_row {
    width: 81.8215%;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .con15 {
    background-image: url(/images/con15_bg.jpg);
    padding-top: 15vw;
    padding-bottom: 15vw;
  }

  .con15_title {
    color: #2b1f1a;
    margin-bottom: 5.5vw;
  }

  .con15_row_wrap {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 4vw 0;
  }

  .con15_arr {
    width: 10.34783%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 -4vw;
    z-index: 2;
  }

  .con15_row {
    width: 47.497%;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .con16 {
    padding: 81vw 0 15vw;
  }

  .con16_01 {
    width: 84.7743%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 15vw;
  }


}